<template>
  <div class="top">
    <div class="center">
      <span>安全信息一张图</span>
      <div class="exit-icon"></div>
    </div>
  </div>
</template>
<style scoped lang="less">
.top {
  .center {
    position: absolute;
    width: 100%;
    height: 118px;
    text-align: center;
    font-family: 'Alimama ShuHeiTi';
    letter-spacing: 10px;
    background: url(@/assets/images/title.png) no-repeat;
    background-size: cover;
    span {
      font-size: 61.6px;
      font-weight: 800;
      background: linear-gradient(
        180deg,
        #e5f2ff 1%,
        #ffffff 19%,
        #ffffff 51%,
        #8fa3bf 100%
      );
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
    }
    .exit-icon {
      // position: relative;
      float: right;
      margin-right: 18.8px;
      margin-top: 59px;
      width: 50px;
      height: 50px;
      background: url(@/assets/images/exit.png) 50px 50px;
      background-size: cover;
      background-color: red;
    }
  }
}
</style>
